/**
 * 计划基本信息
 */
import React from 'react';
import TitleLine from 'components/common/titleLine';
import moment from 'moment';
import './index.styl';

export default function PlanBasicMessage({ basicInfo }) {
  return (
    <div className="planBasicMessage_cali">
      <TitleLine title="计划基本信息" />
      <div className="planBasicMessage-content">
        <div className="planBasicMessage-content-first">
          <div>
            <span>计划名称:</span>
            <span>{basicInfo && basicInfo.name}</span>
          </div>
          <div>
            <span>执行时间:</span>
            <span>
              {basicInfo && basicInfo.startTime}至{basicInfo && basicInfo.endTime}
            </span>
          </div>
          <div>
            <span>创建人:</span>
            <span>{basicInfo && basicInfo.createdBy}</span>
          </div>
          <div>
            <span>创建时间:</span>
            <span>{basicInfo && basicInfo.createdTime}</span>
          </div>
        </div>
        <div className="planBasicMessage-content-second">
          <div>
            <span>计划描述:</span>
            <div>{basicInfo && basicInfo.remark}</div>
          </div>
        </div>
      </div>
    </div>
  );
}
